@media (min-width: 1500px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1300px;
}
}
ul{
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}
p,h1,h2,h3,h4,h5{
	margin: 0;
}
*{
	margin: 0;
}
a:hover{
	text-decoration: none;
}

.row{
	margin: 0;
	display: block;
}
.headtop{
	background: #000000;
	text-align: right;
	color: #fff;
	font-size: 0.6rem;
	padding: 5px 0;
}
.headtop a{
	color: #fff;
	font-size: 0.6rem;
}
.navbar{
	padding: .8rem 1rem;
	box-shadow: 0px 1px 6px 0px #ccc;
}

.navbar-nav{
	padding-left: 8rem;
}
.navbar-expand-lg .navbar-nav .nav-link{
	padding: 0.5rem 1.5rem;
	color: #333;
	font-size: 1rem;
}
.navbar-nav li a{
	position: relative;
}
/*.navbar-nav li a:before{
	height: 15px;
	width: 2px;
	background: #333333;
	position: absolute;
	right: 0;
	content: '';
	top: 14px;
}
.navbar-nav li:last-child a:before{
	height: 0;
	width: 0;
	background: #333333;
	position: absolute;
	right: 0;
	content: '';
	top: 14px;
}*/
.navbar-nav li.active a{
    color: #06599e!important;
}
.navbar-nav li:hover a{
    color: #06599e!important;
}
.searinput{
	background: #ececec;
	border-radius: 0;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	border-right: none;
	border-color: #ececec;
}
.searbtn{
	background: none;
	border: none;
	border-radius: 0;
}
.searbtn:hover{
	background: none;
	border: none;
	border-radius: 0;
}
.ibanner{
	position: relative;
	overflow: hidden;
}
.ibanner .swiper-pagination-bullet{
	border-radius: 0;
	opacity: 1;
	width: 60px;
	height: 7px;
	background: #fff;
}
.ibanner .swiper-pagination-bullet-active{
	background: #ef4923;
	height: 7px;
}

.pro{
	padding: 60px 0;
}
.title{
	text-align: center;
	margin-bottom: 3%;
}
.title h2{
	font-size: 30px;
	color: #333;
}
.title .en{
	font-size: 16px;
	color: #333;
	margin-top: 10px;
	text-transform: uppercase;
}
.pro .ipnav{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
    align-items: center;
}
.pro .ipnav a{
	flex: 0 0 14%;
	display: block;
    text-align: center;
    border: 1px solid #cccccc;
    margin: 0 1%;
    line-height: 40px;
    border-radius: 20px;
    color: #333;
    transition: .4s;
    font-size: 16px;
}
.pro .ipnav a:hover{
	background: #075a9e;
    color: #fff;
}

.pro .iprolist{
	margin-top: 3%;
	display: flex;
	flex-wrap: wrap;
}
.pro .iprolist .iprolistl{
	flex: 0 0 49%;
}
.pro .iprolist .iprolistr{
	flex: 0 0 50%;
	margin-left: 1%;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
}
.pro .iprolist .iprolistr .item{
	flex: 0 0 49.5%;
	margin-right: 1%;
}
.pro .iprolist .iprolistr .item:nth-child(2n){
	margin-right: 0%;
}
.pro .iprolist .iprolistr .item a .img{
	position: relative;
	overflow: hidden;
}
.pro .iprolist .iprolistr .item a .img .ptitle{
	position: absolute;
	left: 20px;
	top: 20px;
}
.pro .iprolist .iprolistr .item a .img .ptitle h4{
	font-size: 20px;
	color: #333;
}
.pro .iprolist .iprolistr .item a .img .ptitle h6{
	font-size: 16px;
	color: #333;
}
.pro .iprolist .iprolistr .item a .img .pimg{
	position: absolute;
	bottom: 20px;
	right: 20px;

}
.pro .iprolist .iprolistr .item a .img .pimg img{
	max-width: 190px;
}
.pro .iprolist .iprolistr .item img{
	transition: .3s;
}
.pro .iprolist .iprolistr .item:hover img{
	transform: scale(1.1);
}
.pro .iprolist .iprolistr .item:hover a .img .ptitle h6{
	color: #075a9e;
}
.pro .iprolist .iprolistr .item:hover a .img .ptitle h4{
	color: #075a9e;
}
.pro .plmore{
	color: #333;
	font-size: 16px;
	background: #ebebeb;
	display: block;
	margin: 4% auto 0;
	width: 160px;
	line-height: 40px;
	text-align: center;
	transition: .4s;
}
.pro .plmore:hover{
	background: #075a9e;
	color: #fff;
}


.icase{
	padding: 60px 0;
	background: #fafafa;
}
.icase .icaselist{
	display: flex;
	flex-wrap: wrap;
}
.icase .icaselist .item{
	flex: 0 0 49%;
	margin-right: 2%;
	margin-top: 2%;
}
.icase .icaselist .item:nth-child(2n){
	margin-right: 0;
}
.icase .icaselist .item .img{
	position: relative;
	overflow: hidden;
}
.icase .icaselist .item .img h3{
	position: absolute;
	right: 0;
	width: 100%;
	bottom: 40px;
	background: linear-gradient(45deg,rgba(56, 73, 123, 0),rgba(56, 73, 123, 0.6),rgba(56, 73, 123, 0.8),rgba(56, 73, 123, 1));
	line-height: 60px;
	color: #fff;
	text-align: right;
	padding-right: 4%;
	font-size: 30px;
}
.icase .icaselist .item img{
	transition: .4s;
}
.icase .icaselist .item:hover img{
	transform: scale(1.1);
}
.icase .clmore{
	color: #333;
	font-size: 16px;
	background: #ebebeb;
	display: block;
	margin: 4% auto 0;
	width: 160px;
	line-height: 40px;
	text-align: center;
	transition: .4s;
}
.icase .clmore:hover{
	background: #075a9e;
	color: #fff;
}

.iabout{
	position: relative;
	overflow: hidden;
	background: #ededf5;
	padding: 80px 0 40px;
}

.iabout .ablcon{
	width: 45%;
	float: right;
	position: relative;
}
.iabout .amore{
	position: absolute;
	right: 0;
	top: 0;
	color: #333;
	font-size: 16px;
}
.iabout .ablcon .en{
	font-size: 16px;
	margin-bottom: 0;
	color: #333333;
}
.iabout .ablcon h4{
	font-size: 30px;
	color: #333;
	font-weight: 600;
}

.iabout .ablcon .con{
	line-height: 1.8;
	margin-top: 4%;
	font-size: 14px;
	color: #666666;
}
/*.iabout .ablcon .amore{
	display: block;
	width: 120px;
	line-height: 36px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	background: #c40000;
	border-radius: 20px;
	margin-top: 40px;
}*/
.iabout .mvideo{
	width: 100%;
	line-height: 60px;
	background: #354777;
	display: block;
	text-align: center;
	font-size: 30px;
	color: #fff;
	border-radius: 5px;
	margin-top: 5%;
	transition: .5s;
}
.iabout .mvideo:hover{
    background: #e6791a;
}
.iabout .abrimg{
	position: absolute;
	left: 0;
	width: 50%;
	top: 0;
}

.gc{
	padding: 60px 0;
	background: #fafafa;
}
.gc .img{
	position: relative;
	margin-top: 2%;
	overflow: hidden;
}
.gc .img .gcjj{
	position: absolute;
	left: 42%;
	width: 240px;
	background: #075a9e;
	line-height: 50px;
	color: #fff;
	text-align: center;
	top: 45%;
	font-size: 30px;
	border-radius: 25px;
}
.gc .img:hover .gcjj{
    background: #e6791a;
}
.gc .img img{
    transition: .5s;
    
}
.gc .img:hover img{
    transform: scale(1.05);
}
.news{
	padding: 60px 0;
}
.news .innav{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
    align-items: center;
}
.news .innav a{
	flex: 0 0 14%;
	display: block;
    text-align: center;
    border: 1px solid #cccccc;
    margin: 0 1%;
    line-height: 40px;
    border-radius: 20px;
    color: #333;
    transition: .4s;
    font-size: 16px;
}
.news .innav a:hover{
	background: #075a9e;
    color: #fff;
}

.newslist{
	display: flex;
	flex-wrap: wrap;
	margin-top: 3%;
}
.newslist .item{
	flex: 0 0 32.33%;
	margin-right: 1.5%;
}
.newslist .item:last-child{
	margin-right: 0;
}
.newslist .item .con{
	padding: 20px;
	background: #f7f7f7;
}
.newslist .item .con .ntitle{
	color: #333;
	font-size: 16px;
}
.newslist .item .con .date{
	color: #999999;
	font-size: 14px;
	margin: 8px 0;
}
.newslist .item .con .content{
	color: #666666;
	font-size: 14px;
	line-height: 1.8;
}

.page{
	background: #ffffff;
	margin-top: 1rem;
	padding: 1rem 0;
}
.page-select{
    display: none;
}
.page .pagination {
  display: flex;
  justify-content: center;
  justify-content: center;
}


.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 14px;
  padding: 8px 12px;
  margin: 0 2px;
}
.page-status,.page-index ,.page-last{
    display: none;
}
.pagination span {
    color: #333;
    font-size: 14px;
    padding: 8px 2px;
}
.pagination a:hover {
  color: #fff;
  border: 1px solid #1e68a5;
  background: #1e68a5;
}
.pagination a.page-num-current {
  color: #fff;
  background: none;
  border: 1px solid #1e68a5;
  background: #1e68a5;
}
.navbar-expand-lg .navbar-collapse{
	position: relative;
	justify-content: flex-end;
}
.form{
	position: absolute;
	right: 0;
	bottom: -13px;
	display: none;
}
.form input{
	height: 20px;
	line-height: 20px;
	font-size: .8rem;
	border-radius: 10px;
	border: 1px solid #ccc;
	padding-left: 5px;

}
.form button{
	height: 25px;
	position: absolute;
	right: 0;
	background: none;
	border: none;
	top: -2px;
}
.form button img{
	width: 14px;
}
.hidden-xs{
	display: none;
}



/*内页*/
.nnav{
	padding: 20px 0;
	border-bottom: 1px solid #dfdfdf;
}
.nnav .nnavlist{
	display: flex;
	flex-wrap: wrap;

}
.nnav .nnavlist a{
	flex: 0 0 14%;
	display: block;
    text-align: center;
    border: 1px solid #cccccc;
    margin: 0 .5%;
    line-height: 40px;
    border-radius: 20px;
    color: #333;
    transition: .4s;
    font-size: 16px;
}
.nnav .nnavlist a:hover{
	background: #075a9e;
    color: #fff;
}
.nnav .nnavlist .active{
	background: #075a9e;
    color: #fff;
}

.about{
	padding: 60px 0;
}
.about .toptitle{
	text-align: center;
	font-size: 16px;
	color: #333333;
	line-height: 1.8;
}
.about .content{
	display: flex;
	flex-wrap: wrap;
	margin-top: 4%;
}
.about .content .conl{
	flex: 0 0 45%;
}
.about .content .conr{
	flex: 0 0 53%;
	margin-left: 2%;
}
.cul{
	border-top: 1px solid #dfdfdf;
	padding: 20px 0 60px;
}
.cul h2{
	color: #333333;
	font-size: 35px;
	font-weight: bold;
	padding-left: 15px;
}

.position{
	font-size: 14px;
	color: #333333;
}
.position a{
	font-size: 14px;
	color: #333333;
}
.nypro .position{
    margin-top:15px;
}
.nypro{
	padding-bottom:60px ;
}
.nypro .npro{
	display: flex;
	flex-wrap: wrap;
	margin-top: 15px;
	justify-content: space-between;
	align-items: flex-start;
}
.nypro .npro .lnav{
	flex: 0 0 20%;
}
.nypro .npro .lnav .ntitle{
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	background: #1e69a5;
	padding: 10px 0 10px 25px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.nypro .npro .lnav .ntitle span{
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	color: #fff;
}
.nypro .npro .rprolist{
	flex: 0 0 78%;
	display: flex;
	flex-wrap: wrap;
}
.nypro .npro .rprolist .item{
	flex: 0 0 32.33%;
	margin-right: 1.5%;
	text-align: center;
	border: 1px solid #e0e0e0;
	padding-bottom: 15px;
	margin-bottom: 25px;
}
.nypro .npro .rprolist .item:nth-child(3n){
	margin-right: 0;
}
.nypro .npro .rprolist .item .img{
	height: 300px;
	display: grid;
	justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}
.nypro .npro .rprolist .item .img:after{
	border-bottom: 1px solid #e0e0e0;
	content: '';
	position: absolute;
	bottom: 0;
	left: 10%;
	width: 80%;
	height: 1px;
	overflow: hidden;
}
.nypro .npro .rprolist .item .nptitle {
	margin-top: 15px;
}
.nypro .npro .rprolist .item .nptitle h3{
	font-size: 16px;
	color: #333333;
	line-height: 1.8;
	
}
.nypro .npro .rprolist .item .img img{
	transition: .4s;
}
.nypro .npro .rprolist .item:hover .img img{
	transform: scale(1.1);
}

.view .swiper-container { height: 487px;width: 100%; overflow: hidden;}
.view .swiper-container .swiper-slide{ text-align: center;background: #fff;height: 487px;line-height: 420px;border: 1px solid #ccc;}
.view .swiper-container .swiper-slide img{ vertical-align: middle;}
.view:hover .arrow{display: block;}
.view .arrow{display: none;position: absolute;top: 50%;margin-top: -35px;width: 70px;height: 70px;z-index: 10; }
/*.view .arrow-left {background: url("../images/arrowl.png") no-repeat center; left: 10px;}
.view .arrow-right {background: url("../images/arrowr.png") no-repeat center; right: 10px;}*/
.preview { width: 100%;margin-top: 10px;position: relative;padding: 0 20px}
.preview .swiper-slide {padding: 0 12px;width: 23%;height: 100%;background: #fff;margin-right: 10px;border: 1px solid #ccc;}
.preview .arrow{position: absolute;top: 50%;margin-top: -17px;width: 9px; height: 18px;z-index: 10;}
.preview .arrow-left {left: 5px;font-family: '宋体';font-weight: bold;color: #333;font-size: 24px;}
.preview .arrow-right {right: 5px;font-family: '宋体';font-weight: bold;color: #333;font-size: 24px;}
.active-nav{border: 1px solid #075aa0!important;}
.preview img {padding: 1px;}
.nypro .npro .rpd{
	flex: 0 0 78%;
	width: 78%;
}
.nypro .npro .rpd .top{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.nypro .npro .rpd .top .topl{
	flex: 0 0 49%;
	width: 49%;
}
.nypro .npro .rpd .top .topr{
	flex: 0 0 49%;
	width: 49%;
}
.nypro .npro .rpd .top .topr .ptitle{
	font-size: 20px;
	color: #333;
	font-weight: bold;
}
.plist{
	display: flex;
	flex-wrap: wrap;
	margin-top: 15px;
}
.plist li{
	flex: 0 0 32.33%;
	margin-right: 1.5%;
	border: 1px solid #e0e0e0;
	margin-top: 1.5%;
	color: #333;
	text-align: center;
	padding: 8px 0;
	transition: .4s;
}
.plist li:hover{
	background: #075aa0;
}
.plist li a{
	color: #333;
}
.plist li:hover a{
	color: #fff;
}
.plist li.active{
	background: #075aa0;
}
.plist li.active a{
	color: #fff;
}
.plist li:nth-child(3n){
	margin-right: 0;
}
.nyproc{
	margin-top: 4%;
}
.nyproc .pcn{
	border-bottom: 1px solid #cccccc;
	display: flex;
	flex-wrap: wrap;
}
.nyproc .pcn .item{
	padding: 0 25px;
	line-height: 36px;
	cursor: pointer;
}
.nyproc .pcn .item.active{
	background: #075a9f;
	color: #fff;
}
.pcc{
	margin-top: 2%;
}
.case{
	padding-bottom: 60px;
}
.ncaselist{
	display: flex;
	flex-wrap: wrap;
}
.ncaselist .item{
	flex: 0 0 24%;
	margin-right: 1.33%;
	text-align: center;
	margin-top: 2%;
}
.ncaselist .item .img{
	overflow: hidden;
	display: grid;
	height: 200px;
	align-items: center;
}
.ncaselist .item:nth-child(4n){
	margin-right: 0;
}
.ncaselist .item h4{
	color: #333;
	font-size: 16px;
	margin-top: 8px;
}
.ncaselist .item .img img{
	transition: .4s;
}
.ncaselist .item:hover .img img{
	transform: scale(1.1);
}
.ncaselist .item:hover h4{
	color: #075a9e;
}
.nycase{
	padding: 20px 0 60px;
}
.nycase h4{
	font-size: 20px;
	color: #333;
	text-align: center;
	margin-bottom: 4%;
}

.nnews{
	padding-bottom: 30px;
}
.nnews .nlist .item{
	margin-top: 3%;
}

.nnews .nlist .item a{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.nnews .nlist .item .itl{
	flex: 0 0 32%;
}
.nnews .nlist .item .itc{
	flex: 0 0 50%;
	padding-right: 8%;
}
.nnews .nlist .item .itc .ntitle{
	color: #333;
	font-size: 16px;
}
.nnews .nlist .item .itc .date{
	color: #999999;
	font-size: 14px;
	margin: 10px 0;
}
.nnews .nlist .item .itc .content{
	color: #666666;
	font-size: 14px;
	line-height: 1.8;
}

.nnews .nlist .item .itr{
	flex: 0 0 10%;
}
.nnews .nlist .item .itr span{
	width: 100%;
	text-align: center;
	display: block;
	background: #075a9e;
	line-height: 40px;
	border-radius: 6px;
	color: #fff;
}


.fzlc{padding:65px 0;}
.fzlc-b{display: flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.fzlc-l{width:13.71%;border-left:1px solid #c2c2c4;}
.fzlc-l a{display: block;position:relative;font-size:20px;color:#666;font-weight:bold;margin-left:-1px;padding-left:28px;line-height:42px;margin-bottom:10px;}
.fzlc-l a p{position:absolute;left:0;width:3px;height:0;top:0;background:#437fd0;}
.fzlc-l a.active{font-size:30px;color:#437fd0;}
.fzlc-l a.active p{height:100%;}
.fzlc-r{width:84%;}
.fzlc-r dl{display: none;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.fzlc-r dl:nth-child(1){display: flex;}
.fzlc-r dt{width:414px;overflow:hidden;}
.fzlc-r dt img{display: block;width:100%;}
.fzlc-r dd{width:calc(100% - 470px);}
.fzlc-r dd h3{font-size:40px;font-weight:bold;margin-bottom:20px;}
.fzlc-r dd p{font-size:16px;line-height:34px;}
.fzlc-r dl:hover img{transform:scale(1.1);}

footer{
	background: #f5f5f5;
	border-top: 1px solid #e3e3e3;
	padding: 50px 0 30px;
}
footer .footul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	border-bottom: 1px solid #bebebe;
	padding-bottom: 2%;
}
footer .footul .fitem{
	/*flex: 0 0 14%;*/
}
footer .footul .fitem h3{
	font-size: 20px;
	color: #333333;
}
footer .footul .fitem ul{
	margin-top: 20px;
}
footer .footul .fitem ul li{
	margin-top: 5px;
}
footer .footul .fitem ul li a{
	color: #666666;
	font-size: 16px;
}
footer .ylink{
	text-align: center;
	color: #999999;
	font-size: 14px;
	margin-top: 20px;
}
footer .ylink a{
	text-align: center;
	color: #999999;
	font-size: 14px;
	border-right: 1px solid #999;
	padding-right: 2px;
}
footer .ylink a:last-child{

	border-right: none;

}
footer .copyright{
	color: #999999;
	font-size: 14px;
	margin-top: 8px;
	text-align: center;
}
footer .copyright a{
	color: #999999;
	font-size: 14px;

}

.aboutcon{
    padding-top:25px;
}

@media screen and (max-width:1200px){

	.w100 {
    width: 100%!important;
}
	.fzlc-l{display: flex;flex-wrap:wrap;border:none;}
	.fzlc-l a{padding:none;width:33%;text-align:center;line-height:30px;font-size: 18px;}

	.fzlc-l a.active{font-size:20px;}
	.ryzz-c p{width:24%;}
	.ryzz-c p img{transform:scale(0.8);}
	.cpzx-r .div1 p:after{top:9px;}
	.cpzx-l img{width:70%;}
	.cpzx2 dl{bottom:20px;}
	.cpzx2 dl a{margin-right:10px;padding-right:10px;height:20px;border: none;margin-bottom: 10px;}
	.cpzx2 dl i{transform:scale(0.5);}
	.khfw-t dl:nth-child(2) .img1{display:block;}
	.khfw-t dl:nth-child(2) .img2{display:none;}

	.zxly-r textarea{height:150px;}
	.zxly-l input{height:50px;}
	.zxly-l p img{height:48px;width: 100px;}
	.zxly-r p{justify-content:space-between;}
	#container{height:200px;}

}

@media (max-width: 1499px){
	.navbar-expand-lg .navbar-nav .nav-link{
		font-size: .9rem;
		padding: .5rem 1.3rem;
	}
}
@media (max-width: 1200px){
	.navbar-expand-lg .navbar-nav .nav-link{
		font-size: .8rem;
		padding: .5rem 1rem;
	}
}

@media (max-width : 768px) { /* 鍚戜笅鑰冭檻iphone6鐨�667px鍜�736px */
	.hidden-xs{
	display: block;
	}
	.hidden-lg{
		display: none;
	}
	.case .casel{
		width: 100%;
	}
	.case .caser{
		width: 100%;
		margin-left: 0;
		margin-top: 1rem;
	}
	.case .casel h3{
		padding:1rem .5rem;
		font-size: 1.2rem;
	}
	.case .casel ul{
		padding: .6rem .5rem;
	}
	.case .casel ul li{
		padding: .6rem 0;
	}
	.case .casel ul li a{
		font-size: .9rem;
	}
	.case .caser .casecon .ctitle{
		font-size: 1rem;
	}
	.case .caser .caselist .item{
		width: 100%;
		margin: 1% 0;
		height: auto;
	}
	.case .caser .caselist .item h5{
		margin: .5rem 0;
		font-size: .8rem;
	}
	.pro .prot .ptitle h3{
		font-size: 1.3rem;
	}
	.case .caser .contact .ctitle h3{
		font-size: 1.3rem;
	}
	.pro .prot .pronav li a{
		font-size: .9rem;
	}
	.case .caser .contact ul li{
		width: 100%;
		margin: 8% 0;
	}
	.title h2{
		font-size: 1.4rem;
	}
	.title h5{
		font-size: .9rem;
	}
	section{
		padding: 1rem 0!important;
	}
	.iaboutcon{
		margin-top: 5rem;
	}
	.nyjoin ul li{ margin: 5px 0; padding: 10px 10px 50px; }
	.nyjoin ul li .tit{ position: static; width: auto; height: auto; margin-bottom: 10px; border: 0; }
	.nyjoin ul li .ann{ width: 100%; height: 50px; left: 0; bottom: 0; top: inherit; }
	.nyjoin ul li .ann .cell{ position: relative; top: -4px; }
	.nyjoin ul li .wz{ margin-bottom: 10px; }
	.navbar-nav{
		padding-left: 0;
	}
	.navbar-nav li a:before{
		display: none;
	}
	.idxpro .idxprol{
		flex:0 0 100%;
		margin-bottom: 1rem;
	}
	.idxpro .idxpror{
		flex:0 0 100%;
		margin-left: 0;
	}
	.idxpror ul li.firsti{
		display: none;
	}
	.idxpror ul li{
		flex: 0 0 100%!important;
		margin: 1.5%!important;
	}
	.idxpror ul li a .img{
		height: 200px;
	}
	.idxpro .idxprol ul h3{
		font-size: 1.2rem;
	}
	.icase .title h2{
		font-size: 1.2rem;
	}
	.icase .title h5{
		font-size: 1.4rem;
	}
	.icase .title h5{
		margin-bottom: 0;
	}
	.icase .caselist{
		margin-top: 1rem;
	}
	.icase .caselist .wz{
		margin-top: 1rem;
	}
	.icase .caselist .wz p{
		margin-top: .5rem;
	}
	.idxnews .newscn .newsl ul li .newscon .time{
		font-size: 1rem;
	}

	.idxnews .newscn .newsl{
		width: 100%;
	}
	.idxnews .newscn .newsr{
		width: 100%;
		margin-left: 0;
	}
	.idxnews .newscn .newsl ul li .newsimg{
		flex: 0 0 100%;
	}
	.idxnews .newscn .newsl ul li .newscon{
		flex: 0 0 100%;
		margin-left: 0;
	}
	.nbanner .position{
		left: 10%;
		top: 20%;
	}
	.nbanner .position{
		left: 10%;
		top: 20%;
	}
	.nbanner .position h3{
		font-size: 1.1rem;
	}
	.aboutnav ul li{
		float: left;
		width: 50%;
	}
	.aboutl{
		width: 100%;
	}
	.aboutr{
		width: 100%;
		margin-left: 0;
	}
	.par .parl{
		width: 100%;
	}
	.par .parr{
		width: 100%;
		margin-left: 0;
	}
	.pro .prolist .prol{
		flex: 0 0 100%;
	}
	.pro .prolist .prol .img{
		height: 250px;
	}
	.tuijian ul li{
		flex: 100%;
		margin-right: 0;
		margin-top: 1rem;
	}
	.tuijian ul li .img{
		height: 280px;
	}
	.pronei .proneicon .limg{
		flex:0 0 100%;
	}
	.pronei .proneicon .rcon{
		flex: 100%;
		margin-left: 0;
		margin-top: 1rem;
	}
	.nnav .nnavlist a{
		flex:0 0 49%;
		margin: 1% 0.5%;
	}
	.nnews .nlist .item .itl{
		flex: 0 0 100%;
	}
	.nnews .nlist .item .itc{
		flex: 0 0 100%;
	}
	.nnews .nlist .item .itr{
		flex: 0 0 100%;
	}
	.nypro .npro .lnav{
		flex: 0 0 100%;
	}
	.nypro .npro .rprolist{
		flex: 0 0 100%;
		margin-top: 4%;
	}
	.nypro .npro .rprolist .item{
		flex:0 0 49%;
		margin-right: 2%!important;
	}
	.nypro .npro .rprolist .item:nth-child(2n){
		margin-right: 0!important;
	}
	.lcon{
	    display: none;
	}
	.nypro .npro .rprolist .item .img{
	    height: 250px;
	}
	.ncaselist .item .img{
	    height: 160px;
	}
	.ncaselist .item{
		flex: 0 0 49%;
		margin-right: 2%!important;
	}
	.ncaselist .item:nth-child(2n){
		margin-right: 0!important;
	}
	.nnews .nlist .item .itc .ntitle{
	    margin-top:15px;
	}
	.nnews .nlist .item .itc .date{
	    display: none;
	}
	.nnews .nlist .item .itc .content{
	    display: none;
	}
	.nnews .nlist .item .itr span{
	    display: none;
	}
	.pro .ipnav a{
		flex: 0 0 49%;
		margin: 1% 0.5%;
	}
	.pro .iprolist .iprolistl{
		flex: 0 0 100%;
	}
	.pro .iprolist .iprolistr{
		flex: 0 0 100%;
		margin-left: 0;
	}
	.pro .iprolist .iprolistr .item{
		flex: 0 0 49.5%;
		margin-top: 1%;

	}
	.pro .iprolist .iprolistr .item a .img .ptitle h4{
		font-size: 18px;
	}
	.pro .iprolist .iprolistr .item a .img .pimg{
		right: 10px;
		bottom: 10px;
	}
	.pro .iprolist .iprolistr .item a .img .pimg img{
		max-width: 80px;
	}
	.icase .icaselist .item{
		flex: 0 0 49%;
		margin-right: 2%;
	}
	.icase .icaselist .item:nth-child(2n){

		margin-right: 0;
	}
	
	.iabout .abrimg{
		position: static;
		width: 100%;
	}
	.iabout .ablcon{
		width: 100%;
	}
	.gc .img .gcjj{
		left: 16%;
	}
	.news .innav a{
		flex: 0 0 49%;
		margin: 0 .5%;
	}
	.newslist .item{
		flex: 0 0 100%;
		margin-right: 0;
		margin-top: 2.5%;
	}
	.gc .img .gcjj{
		font-size: 20px;
	}
	.iabout .mvideo{
		font-size: 20px;
	}
	.icase .icaselist .item .img h3{
		font-size: 14px;
		bottom:20px;
	}
	.nypro .npro .rpd{
		flex: 0 0 100%;
		width: 100%;
		margin-top: 20px;
	}
	.nypro .npro .rpd .top .topl{
		flex: 0 0 100%;
		width: 100%;
	}
	.nypro .npro .rpd .top .topr{
		flex: 0 0 100%;
		width: 100%;
		margin-top: 25px;
	}
	footer{
		padding: 30px 0 20px;
	}
	footer .footul{
		display: none;
	}
}
	.row_con{width:302px;height:220px;display:inline-grid;padding: 20px 20px; margin: 20px;
	box-shadow: 0 5px 15px rgba(0,0,0,.08);}
	.h350{height: 350px;}
@media screen and (min-width: 480px)and (max-width: 765px){
	.row_con{width:420px;padding: 20px 30px;}
	
	}
@media screen and (max-width:480px) {
	.row_con{width:312px;}
	}